/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{
   font:normal 12px verdana;
   margin:0;
   padding:0;
   border:0 none;
   height:100%;
   background:#ECEFF4;
   width:100%;
   height:100%;
}

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:18px;}
h2{font-size:14px; color:#999999;}
h3{font-size:13px; border-bottom:solid 1px #DEDEDE; padding:4px 0; margin-bottom:10px;}

a:link, a:visited{}
a:hover{text-decoration:none;}



/* ------------------------------
PAGE STRUCTURE
------------------------------ */
.rightpanel {
	position: relative;
	visibility: visible;
	float: left;
	display: block;
	margin:1px 0 0 0 ;
	height:100%;
  overflow:auto;
}
/** top */
.pageheader{
  left:0px;top:0px;
  width:100%;
  height:63px;
  background-image:url(../images/top2.jpg );
  background-repeat:repeat-x;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
.headermain{
  background-image:url(../images/top1.jpg );
  background-repeat:no-repeat;
  height:63px;
  width:100%;
 }
/** footer */
.pagefooter{
  background-image:url(../images/bottom.gif );
  line-height:30px;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 30px;  
  width:100%;
 }
/** topmenu */
.topmenuheader{
  left:0px;top:0px;
  width:100%;
  height:63px;
  background-image:url(../images/topmenu/top_04.gif );
  background-repeat:repeat-x;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
.topmenu-show {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	height: 32px;
	cursor: hand;
	background-image:url(../images/topmenu/top_04.gif );
}
.topmenu-selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3A5187;
	text-decoration: none;
	background-image: url(../../images/topmenu/menu_04.gif);
	height: 32px;
	width: 120px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
/** for top.jsp */
.changesystem{
  background-image:url(../images/change_system.gif );
  background-repeat:no-repeat;
}
.exit{
  background-image:url(../images/exit.gif );
  background-repeat:no-repeat;
}

/* ------------------------------
CUSTOM CLASSES
------------------------------ */
/** center */
.opentools {
	float: left;
	display: block;
	width:5px;
	height:128px;
	background:url(../images/left-bar1.jpg) no-repeat fixed;
	cursor:pointer;
}
.waiting {
  filter:alpha(opacity=80); 
  opacity:.8;-moz-opacity:.8;
  background:#ECEFF4;
  position:absolute; 
  height:100%;
  left: 0px;  
  z-index:2;
  top: 0px;
}
.closetools {
	float: left;
	display: block;
	width:5px;
	height:138px;
	background:url(../images/left-bar2.jpg) no-repeat fixed;
	cursor:pointer;
}
/** left */
.tools {
	text-align: left;
	padding:1px 0px 1px 1px;
	vertical-align: middle;
	margin:0 0 0 1px;
	float:left;
	height:100%;
	position: relative;
}
.toolbartitle{
	font-weight:bold;
	height:29px;
	vertical-align:middle;
	padding:3px 0 0 3px;
	width:100%;
	
}
.toolbar{
  width:100%; 
}
/** right */
.x-tab-panel-list{
  float:left;
  line-height:30px;
  height:30px;
  overflow:hidden;
  white-space:nowrap;  
}
.x-tab-scroll{
  width:15px;
  height:15px;
}
.tableftscroll{
  background:url(../images/tab-left.jpg) no-repeat;
  width:11px;
  height:21px;
  margin:3px 0 0 1px;
}
.scrollspace{
}
.tabrightscroll{
  background:url(../images/tab-right.jpg) no-repeat;
  width:11px;
  height:21px;
  margin:3px 1px 0 0px;
  line-height:25px;
  vertical-align:middle;
}
.TabZone
{
	font-size: 12px;
	height:100%;
	overflow:hidden;
}


.x-tab-panel-div{
	padding-left:0px;padding-top:0px;background:url(images/tab-strip-bg.gif) #ECEFF4 repeat-x bottom;
	border-bottom:1px solid #8db2e3;
	height:30px;
  line-height:30px;
  overflow:hidden;
  position:absolute;
  top:0px;right:0px;
  white-space:nowrap;
}
.x-tab-iframes{
  background:#ECEFF4;
  width:100%;
  height:100%;
  
}

.x-tab-panel-iframe{
  background:#ECEFF4;
  width:100%;
  height:100%;
  padding:30px 0 0 0;
}

.floatright{
  float:right;
}
.floatleft{
  float:left;
}

.minpage{
	background:url(../images/tool-sprites.gif) no-repeat scroll 0px -45px;
	margin:3px 1px 0 0px;
	width:15px;
	height:15px;
	cursor: hand;
}
.maxpage{
	background:url(../images/tool-sprites.gif) no-repeat scroll 0px -30px;
	margin:3px 1px 0 0px;
	width:15px;
	height:15px;
	cursor: hand;
}
.closeall{
	background:url(../images/tool-sprites.gif) no-repeat scroll 0px 0px;
	margin:3px 1px 0 0px;
	width:15px;
  	height:15px;
  	cursor: hand;
}
.tabon {
  	color: #DB5B6F;
  	font-weight: bold;
}
.taboff {
  font-weight: bold;
  overflow:hidden;
}


ul,ol,li{margin:0;padding:0;}


.x-tab-strip-wrap{
	width:100%;
	overflow:hidden;
	position:relative;
	zoom:1;
}
ul.x-tab-strip{
	display:block;
	zoom:1;
	margin:5px 0 0 0;
	overflow:hidden;
	white-space:nowrap;
}

ul.x-tab-strip li{
	float:left;
	margin-left:2px;
	height:42px;
}
.x-tab-strip a,.x-tab-strip span,.x-tab-strip em{
	display:block;
}
.x-tab-strip a{
	text-decoration:none!important;
	-moz-outline:none;
	outline:none;
	cursor:pointer;
}
.x-tab-strip span.x-tab-strip-text{
	font:normal 11px tahoma,arial,helvetica;
	color:#416aa3;
	white-space:nowrap;
	cursor:pointer;
	padding:1px 0;
}
.x-tab-strip-top .x-tab-right{
	background:transparent url(../images/tab1c.jpg) no-repeat;
	padding-left:10px;
}
.x-tab-strip-top .x-tab-left{
	background:transparent url(../images/tab2c.jpg) no-repeat right;
	padding-right:10px;
}
.x-tab-strip-top .x-tab-strip-inner{
	background:transparent url(../images/tab3c.jpg) repeat-x;
	padding:2px 0;
}
.x-tab-strip .x-tab-strip-close{
	display:none;
}
.x-tab-strip-closable{position:relative;}
.x-tab-strip-closable .x-tab-left{padding-right:14px;}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close{
	background-image:url(../images/tab4c.jpg);
	opacity:.6;-moz-opacity:.6;
	background-repeat:no-repeat;
	display:block;
	width:12px;height:13px;
	position:absolute;top:3px;right:1px;
	cursor:pointer;
	z-index:2;}
.x-tab-strip .x-tab-strip-active a.x-tab-strip-close{
	opacity:.8;-moz-opacity:.8;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
	background-image:url(../images/tab4c.jpg);opacity:1;-moz-opacity:1;
}

.x-tab-strip-top .tabon .x-tab-right{
	background:transparent url(../images/tab-s1c.jpg) no-repeat;
}
.x-tab-strip-top .tabon .x-tab-left{
  background:transparent url(../images/tab-s2c.jpg) no-repeat right;
	padding-right:14px;
}
.x-tab-strip-top .tabon .x-tab-strip-inner{
	background:transparent url(../images/tab-s3c.jpg)  repeat-x;
}
.x-tab-strip-active span.x-tab-strip-text{
	cursor:default;
	color:#15428b;
	font-weight:bold;
}
.x-tab-strip .x-tab-right{position:relative;}

ul.x-tab-strip li.taboff{
	float:left;
	margin-left:2px;
	overflow: hidden; 
	text-overflow:ellipsis; 
}

.clearing {
	clear: both;
	display:none;
}
